$(document).ready(function(){
	/**
	 * 表格tr拖动效果
	 * 1, .drags (大标签)
	 * 2, 要拖动的元素: items:'.drag'
	 * 3, 不参与拖动元素: tr.nodrag
	 * 4, 放开拖动后动画归位: revert:true
	 * 5, 该拖动单元需要保存排序时: (1),table.saveorder (2),在相应标签里添加属性date="{{'table=photo&field=ordering'|encode}}" (3),隐藏input中name='order[]'
	 */
	//原始代码,单个元素拖动
	//$(".drags").sortable({items:".drag:not('.nodrag')",delay: 200, revert:true, update:function(){dragFinish($(this));}});
	//多个元素拖动
	$(".drags").sortable({
							items:".drag:not('.nodrag')",
							delay: 100,
							revert:true,
							update:function(event,ui){
												/***批量拖动S***/
												var $quickMenu = $("#quickmenu"),
													$sortArr = $quickMenu.data("sortArr");
												if($sortArr!=null){
													var currItem = ui.item;
													if(currItem.prev("li:not(.focus)").length>0){
														currItem.prev("li:not(.focus)").after($sortArr);
													}else{
														currItem.next("li:not(.focus)").before($sortArr);
													}
												}
												/***批量拖动E***/
												dragFinish($(this));
											},
							start:function(){
											/***批量拖动S***/
											var $quickMenu = $("#quickmenu"),
												$checkDoms = $quickMenu.find(".focus:not(.ui-sortable-placeholder)");
											if($checkDoms.length>1){
												$quickMenu.data("sortArr",$checkDoms);
											}else{
												$quickMenu.data("sortArr",null);
											}
											/***批量拖动E***/
										}
						});
});
//完成拖动操作时促发函数
function dragFinish(obj){
	//该拖动单元需要保存排序时
	if(obj.hasClass('saveorder')){
		var selectedItems = new Array();
		$(obj).find("input[name='ids[]']").each(function() {selectedItems.push($(this).val());});
		$.ajax({
			type: "POST",
			url: $.cookie('__ROOT__')+'index.php?app=functions&act=dragSaveOrder',
			data: {ids:selectedItems.join('|'), params:$(obj).attr('date'), page_info:$('input[name=page_info][type=hidden]').val()},
			async: false,
			success:function(xml){
				if(xml!='') alert(xml);
				else{
					ui.success('保存排序成功!');
					document.location.reload();
				}
			},
			error:function(msg){}//请求失败时
		});
	}
}
//$("table.table").sortable('destroy');//销毁拖动事件
//116, <!--jquery ui drag 拖动排序功能-->
//http://www.cnblogs.com/yoyogehei/archive/2011/07/28/2119910.html
//.listthumb -> 大div
//items:'li' -> 参与被拖动的元素
//revert:true-> 放开拖动后动画归位
//handle:'.drag'-> 限制排序的动作只能在item元素中的某个元素触发
//stop: function(){alert('拖动完毕时触发');} -> 拖动完毕时触发函数
//change:function(){alert('拖动后有改变排序时马触发');} -> 拖动后有改变排序时触发函数(一改变立马促发)
//update:function(){alert('拖动后有改变排序后,完成所有动作后触发');} -> 拖动后有改变排序完成所有动作后